/*
    Product Listing layout design css
    20 Feb 2026
*/

    /* .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
        display: none !important;
    } */

    svg.w-5.h-5 {
        width: 3%;
    }

    .flex.justify-between.flex-1.sm\:hidden {
        display: none;
    }

    /* column spacing */
    .product-col {
        margin-bottom: 25px;
    }

    /* main card */
    .product-card {
        height: 100%;
        display: flex;
        flex-direction: column;
        border: 1px solid #eee;
        border-radius: 10px;
        background: #fff;
        transition: 0.3s;
    }

    a.btn-cart {
        color: #ffffff;
    }
    .product-card:hover {
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }

    /* image */
    .product-image {
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-bottom: 1px solid #eee;
    }

    /* body */
    .product-body {
        padding: 15px;
        flex-grow: 1;
    }

    /* title */
    .product-title {
        font-size: 15px;
        font-weight: 600;
        height: 42px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

    }

    /* description */
    .product-desc {
        font-size: 13px;
        color: #777;
        height: 38px;
        overflow: hidden;
    }

    /* price */
    .product-price {
        font-size: 18px;
        font-weight: bold;
        color: red;
        margin-top: 5px;
    }

    /* meta */
    .product-meta {
        font-size: 13px;
        background: #eee;
        padding: 4px 10px;
        display: inline-block;
        border-radius: 8px;
        margin-top: 6px;
    }

    .product-package {
        margin: 10px 0 0px 0px;
        font-size: medium;
    }

    /* footer */
    .product-footer {
        padding: 13px;
        height: 5rem;
        justify-content: center;
        display: flex;
    }

    /* button */
    .btn-cart {
        background: #007bff;
        color: white;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
        text-decoration: none;
        position: absolute;
    }

    button.btn.btn-sm.btn-cart.viewBtn {
        color: #ffffff;
    }

    /* Search Module Styling */
    .search-box-wrapper {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

    .search-box-wrapper input {
        height: 50px;
        padding-left: 20px;
    }

    .search-box-wrapper .btn-primary {
        background-color: #0062cc;
        border: none;
        border-radius: 0;
    }

    /* Sidebar Styling */
    .filter-sidebar {
        background-color: #fcfcfc;
    }

    .filter-group h6 {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        font-size: 0.9rem;
    }

    .x-small {
        font-size: 0.75rem;
    }

    /* Product Card Styling */
    .product-card {
        transition: transform 0.2s;
    }

    .product-image img {
        max-height: 120px;
        object-fit: contain;
    }

    /* Custom Buttons colors matching your design */
    .btn-outline-primary {
        color: #0062cc;
        border-color: #0062cc;
    }

    .btn-success {
        background-color: #28a745;
        border: none;
    }

    .btn-success:hover {
        background-color: #ffffff !important;
        border: 1px solid #157347;
        color: #157347 !important;
    }

    .product-card.p-3.border.rounded.bg-white.shadow-sm.h-100 a {
        text-decoration: none !important;
    }